// Intiializes a new XML Http file to read
xhttp=new XMLHttpRequest();

// Reads the data from the ticker.xml file included.
xhttp.open("GET","ticker.xml",false);

// Sends blank string as it is not required for file that does not need request calls.
xhttp.send("");

// Puts the DOM compliant content from the file into its own variable
xmlDoc=xhttp.responseXML; 

// Assigns the elements with tag name "Committers" to variable for modification.
var x=xmlDoc.getElementsByTagName("Committers");

// For all elements in x modify the values for the HTML document.
for (i=0;i<x.length;i++) { 
  // Takes the BoxColor defined in the xml and places it 
  // as the background color or the User element in the XML.
  document.write("<span style='background-color:");
  document.write(x[i].getElementsByTagName("BoxColor")[0].childNodes[0].nodeValue);
  document.write(";'> &nbsp; &nbsp; <b>");
  
  // Places the User from the User Element in the xml into 
  // the colored area which is displayed in the html.
  document.write(x[i].getElementsByTagName("User")[0].childNodes[0].nodeValue);
  document.write("</b> &nbsp;&nbsp;</span> &nbsp; <b>");
  
  // Places the value of the commitment in the Commitment
  // Element in the xml into the html for display.
  document.write(x[i].getElementsByTagName("Commitment")[0].childNodes[0].nodeValue);
  document.write("</b> &nbsp; ");
}